import { Component } from "react";
import TodoList from "./conmpents/todoList";
import TodoTop from "./conmpents/todoTop";
  //定义回调函数

class App extends Component{
  constructor(props){
    super(props)
    this.state = {
      // todos:[]
      todo:{},
    }
  }
  addTodo = (todo) =>{
    console.log(todo);
    
    //修改状态只能使用setState函数
    this.setState({
      todo:todo
    })
  }
 render(){
    return (
    <div className="App">
      <TodoTop addTodo={this.addTodo}/>
      <TodoList todo={this.state.todo}/>
    </div>
  );
 }
 
}

export default App;
